<script type="application/json" id="selectors">
        [{
            "selector": ":root:first-child",
            "match": []
        },
        {
            "selector": ":root:last-child",
            "match": []
        },
        {
            "selector": ":root:only-child",
            "match": []
        },
        {
            "selector": ":root:nth-child(1)",
            "match": []
        },
        {
            "selector": ":root:nth-child(n)",
            "match": []
        },
        {
            "selector": ":root:nth-last-child(1)",
            "match": []
        },
        {
            "selector": ":root:nth-last-child(n)",
            "match": []
        },
        {
            "selector": ":root:first-of-type",
            "match": []
        },
        {
            "selector": ":root:last-of-type",
            "match": []
        },
        {
            "selector": ":root:only-of-type",
            "match": []
        },
        {
            "selector": ":root:nth-of-type(1)",
            "match": []
        },
        {
            "selector": ":root:nth-of-type(n)",
            "match": []
        },
        {
            "selector": ":root:nth-last-of-type(1)",
            "match": []
        },
        {
            "selector": ":root:nth-last-of-type(n)",
            "match": []
        }]
</script>
<div id="testDOM">
    <p  id="1">This line should be green (there should be no red on this page).</p>
</div>
